<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- 包含头部信息用于适应不同设备
     width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
     nitial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
     通常情况下，maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>lib/bootstrap-3.3.0/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/LocalResizeIMG.js"></script>
    <!-- mobileBUGFix.js 兼容修复移动设备 -->
    
    <script type="text/javascript" src="<?php echo base_url();?>src/mobileBUGFix.mini.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/homeImgEdit.js"></script>

    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>

    <!-- 包含 bootstrap 样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">

    <title>编辑图片</title>
    <style rel="stylesheet">
        body, div, input {
        margin: 0px;
        padding: 0px;
        border: none;
    }
        body {
    }
        #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    #line {
        height: 2px;
        width: 100%;
        background-color: #eeeeee;
    }
    #container #div_title {
        margin: 53px 14px 0px;
        border: 2px solid #eeeeee;
    }
    #container #title {
        padding: 12px 14px;
        font-size: 24px;
        font-weight: bold;
        width: 100%;
    }
    #container #div_camera {
        border: 2px solid #eeeeee;
        height: 217px;
        max-height: 217px;
        overflow: hidden;
        line-height: 217px;
        text-align: center;
        margin: 28px 14px 0px;
    }
    #container #camare_desc {
        font-size: 16px;
        margin-top: 13px;
        text-align: center;
    }
    #container #uploadInput {
        width: 0px;
        height: 0px;
    }
    </style>
</head>
<body>
    <div class="container-fluid" id="container">
        <div class="row" id="header_row">
        <div class="col-xs-2" id="header_back">
        <?php if ($static) { ?>
            <img src="<?php echo base_url()?>res/images/template1/back_nor.png" alt="返回">
            <?php } ?>
        </div>
        <div class="col-xs-8" id="header_title">编辑图片</div>
        <div class="col-xs-2"></div>
    </div>
        <div id="line"></div>
	 <form id="save_image" action="" method="post" enctype ="multipart/form-data">
        	<div id="div_title">
            		<input id="title" name="img_name" type="text" value="<?php echo $img_name;?>" placeholder="图片标题">
        	</div>

        	<!-- 上传图片 -->
	        <div id="div_camera">
        	<input id="uploadInput" type="file" name="picture" accept="image/*;capture=camera">
                <a id="uploadImgLink" href="javascript:void(0)">
			<?php if($img_path){?>
                		<img style="width:200px; height=200px;" id="uploadImg" src="<?php echo base_url().$img_path;?>" >
                	<?php }else{?>
				<img style="width:60px; height=60px;" id="uploadImg" src="<?php echo base_url();?>res/images/base_info/camera.png" >
			<?php } ?>
                </a>
	  </form>
        </div>

    </div>
    <!-- 下一步 -->
    <div class="contaienr-fluid" id="footer_row">
        <div class="row">
            <div class="col-xs-6 text-center" id="nav_back">返回</div>
            <div class="col-xs-6 text-center" id="nav_next">下一步</div>
            
        </div>
    </div>

</body>
</html>
